<template>
	<view class="state">
		<text class="make" v-if="status == 1">可预约</text>
		<text class="ing" v-if="status == 2">可预约</text>
		<text class="ex" v-if="status == 3">休息</text>
	</view>
</template>

<script>
export default {
	props: {
		status: 0
	},
	methods: {}
};
</script>

<style scoped lang="scss">
.state {
	display: inline-block;
}
.state text {
	display: inline-block;
	font-size: 24rpx;
	text-align: center;
	width: 98rpx;
	height: 33rpx;
	line-height: 33rpx;
	margin-left: 12rpx;
}
.make {
	color: #fff !important;
	background-color: #fec315;
}
.ing{
	color: $uni-color1;
	background-color: #DEF2FF;
}
.ex{
	color: #999;
	background-color: #E6E6E6;
}
</style>
